﻿.wjs-panel {
    display: flex;
    flex-direction: column;

    border: 1px solid black;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
}

.wjs-panel-header {
    height: 32px;
    cursor: default;
    z-index: 2;
    border-top: 8px #6badf6 solid;
    display: flex;
}

.wjs-panel-title {
    font-size: 14px;
    margin-top: -2px;
    margin-left: 4px;
    position: relative;
    flex: 1;
}

.wjs-title {
    margin-left: 5px;
}

.wjs-panel-body {
    overflow: auto;
    /*display: flex;*/
    flex: 1 0 auto;
    width: 100%;
    height: 100%;
}

.wjs-panel-footer { /* Same as header */
    vertical-align: middle;
    line-height: 2em;
    display: flex;
}
